Project | Final CityLens Prototype | Week 14

The name I have finally settled on for my project is CityLens. The final result is a combination of a few pieces.

  1. A brief demo video.
  2. The hosted functional prototype application for the MTA use-case.
  3. An open-source repository of markers and code.

Video

This demo video summarizes the CityLens use case as a platform for MTA announcements accessible to mobile phone screens:

Hosted Application

I purchased the domain view.tips for the purposes of hosting this project and having a simple URL. The demo project is hosted here:

https://mta.view.tips

To test this out:

  1. Open a marker pattern in a browser window.
  2. Open the Test App in another window.
  3. Allow Camera access and point the camera at the tab with the marker.

Code Repository

Finally, all the code for my project is available on GitHub here:

https://github.com/omardelarosa/citylens

It’s a create-react-app project and the key files are as follows:

src
β”œβ”€β”€ App.tsx  # React app shell
β”œβ”€β”€ index.css
└── index.tsx  # app bootstrap

public
β”œβ”€β”€ images   # svgs for app
β”‚   β”œβ”€β”€ camera-icon.svg
β”‚   └── x-icon.svg
β”œβ”€β”€ index.html  # outer template
└── models  # 3D models
    β”œβ”€β”€ MTA_Platform_Spread.glb
    └── MTA_Platform_Stand.glb

#process, #w14, #augmented-reality, #ar, #citylens